<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="../skin/pub/css/font-awesome.min.css">
    <link rel="stylesheet" href="../skin/pub/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="../skin/pub/css/normalize.css" />
    <!--<link rel="stylesheet" type="text/css" href="../skin/pub/css/demo.css" />-->
    <!--必要样式-->
    <link rel="stylesheet" type="text/css" href="../skin/pub/css/component.css" />
    <link rel="stylesheet" href="../skin/css/examinations.css">
    <link rel="stylesheet" href="../skin/css/report.css">
    <style>
        .panel-title{
            color:#000000;
        }
        th,td{
            border:  1px solid #ddd;
        }
        /* To Navigation Style */
        .codrops-top {
            background: #fff;
            background: rgba(255, 255, 255, 0.6);
            text-transform: uppercase;
            width: 100%;
            font-size: 0.69em;
            line-height: 2.2;
        }

        .codrops-top a {
            text-decoration: none;
            padding: 0 1em;
            letter-spacing: 0.1em;
            color: #888;
            display: inline-block;
        }

        .codrops-top a:hover {
            background: rgba(255,255,255,0.95);
            color: #716d62;
        }

        .codrops-top span.right {
            float: right;
        }

        .codrops-top span.right a {
            float: left;
            display: block;
        }

        .codrops-icon:before {
            font-family: 'codropsicons';
            margin: 0 4px;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
        }

        .codrops-icon-drop:before {
            content: "\e001";
        }

        .codrops-icon-prev:before {
            content: "\e004";
        }

        .container > section {
            margin: 0 auto;
            padding: 10em 3em;
            text-align: center;
        }

        .color-1 {
            background: #435a6b;
        }

        .color-2 {
            background: #f39c12;
        }

        .color-3 {
            background: #2ac56c;
        }

        .color-4 {
            background: #0e83cd;
        }

        .color-5 {
            background: #cd4436;
        }

        .color-6 {
            background: #f19f0f;
        }

        .color-7 {
            background: #3fa46a;
        }

        .color-8 {
            background: #ecf0f1;
        }

        .color-9 {
            background: #9e487f;
        }

        .color-10 {
            background: #16a085;
        }

        .color-11 {
            background: #aab7b7;
        }
        a:hover{
            color:#FFFFFF;
            list-style: none;
        }
        .container{
            padding-top:15px;
        }
    </style>
    <title>精准测评</title>
</head>
<body>
<div class="container-fluid">
    <div class="navbar-header">
        <a class="navbar-brand" href="#">
            <img alt="X+" src="../skin/img/logo.png">
        </a>
        <!--<p class="navbar-text navbar-right">Signed in as <a href="#" class="navbar-link">Mark Otto</a></p>-->
    </div>
</div>
<div class="container-fluid">
    <div class="container-fluid examinations">
        <ol class="breadcrumb">
            <li><i class="fa fa-home"></i><a href="#"> 考场选择</a></li>
            <li><a href="#">测试考场</a></li>
            <li><a href="#">模拟考试</a></li>
            <li class="active">答案及解析</li>
        </ol>
        <ul class="nav nav-tabs">
            <li role="presentation" class="active"><a href="#">精准测评</a></li>
        </ul>
        <!--<div class="row-ins">-->
        <!--<ol>-->
        <!--<li>Internet Explorer</li>-->
        <!--<li>Netscape Navigator</li>-->
        <!--</ol>-->
        <!--</div>-->
        <h2>期中考试答案及解析</h2>
        <div class="row">
            <div class="col-md-1"></div>
            <div class="col-md-10">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title">考试详情</h3>
                    </div>
                    <div class="panel-body"  style="height:300px">
                        <table class="table" style="border-radius: 10px;border: 1px solid #ddd">
                            <caption>总分： 100分</caption>
                            <thead>
                            <tr>
                                <th>题型</th>
                                <th>总题数</th>
                                <th>答对题数</th>
                                <th>总分</th>
                                <th>得分</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>听力</td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr>
                                <td>阅读</td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr>
                                <td>语法</td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                            </tbody>
                        </table>
                        <button type="button" id="result" class="btn btn-default navbar-btn">查看考试答案及解析</button>
                    </div>
                </div>
            </div>
            <div class="col-md-1"></div>
        </div>
        <div class="row">
            <div class="col-md-1"></div>
            <div class="col-md-10">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title">得分水平</h3>
                    </div>
                    <div class="panel-body" id="main-boxlinechart" style="height:300px">
                    </div>
                </div>
            </div>
            <div class="col-md-1"></div>
        </div>
        <div class="row">
            <div class="col-md-1"></div>
            <div class="col-md-10">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title">时间</h3>
                    </div>
                    <div class="panel-body" id="main-timechart" style="height:300px">
                    </div>
                </div>
            </div>
            <div class="col-md-1"></div>
        </div>
        <div class="row">
            <div class="col-md-1"></div>
            <div class="col-md-10">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title">时间分布</h3>
                    </div>
                    <div class="panel-body" id="main-piechart">
                        <div class="col-lg-4" id="pie-listening" style="height:300px"></div>
                        <div class="col-lg-4" id="pie-grammar" style="height:300px"></div>
                        <div class="col-lg-4" id="pie-reading" style="height:300px"></div>
                    </div>
                </div>
            </div>
            <div class="col-md-1"></div>
        </div>
        <div class="row">
            <div class="col-md-1"></div>
            <div class="col-md-10">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title">答题vs 正确率vs 难度</h3>
                    </div>
                    <div class="panel-body" id="main-linechart" style="height:300px">
                    </div>
                </div>
            </div>
            <div class="col-md-1"></div>
        </div>
        <div class="row">
            <div class="col-md-1"></div>
            <div class="col-md-10">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title">知识矩阵</h3>
                    </div>
                    <div class="panel-body">
                        <ul class="rp-matrix-list">
                            <!--<li id="matrix-1"></li>-->
                            <!--<li id="matrix-2"></li>-->
                            <!--<li id="matrix-3"></li>-->
                            <!--<li id="matrix-4"></li>-->
                            <!--<li id="matrix-5"></li>-->
                            <!--<li id="matrix-6"></li>-->
                            <!--<li id="matrix-7"></li>-->
                            <!--<li id="matrix-8"></li>-->
                            <!--<li id="matrix-9"></li>-->
                            <!--<li id="matrix-10"></li>-->
                            <!--<li id="matrix-11"></li>-->
                            <!--<li id="matrix-12"></li>-->
                            <!--<li id="matrix-13"></li>-->
                            <!--<li id="matrix-14"></li>-->
                            <!--<li id="matrix-15"></li>-->
                            <!--<li id="matrix-16"></li>-->
                            <!--<li id="matrix-17"></li>-->
                            <!--<li id="matrix-18"></li>-->
                            <!--<li id="matrix-19"></li>-->
                            <!--<li id="matrix-20"></li>-->
                            <!--<li id="matrix-21"></li>-->
                            <!--<li id="matrix-22"></li>-->
                            <!--<li id="matrix-23"></li>-->
                            <!--<li id="matrix-24"></li>-->
                            <!--<li id="matrix-25"></li>-->
                            <!--<li id="matrix-26"></li>-->
                            <!--<li id="matrix-27"></li>-->
                            <!--<li id="matrix-28"></li>-->
                            <!--<li id="matrix-29"></li>-->
                            <!--<li id="matrix-30"></li>-->
                            <!--<li id="matrix-31"></li>-->
                            <!--<li id="matrix-32"></li>-->
                            <!--<li id="matrix-33"></li>-->
                            <!--<li id="matrix-34"></li>-->
                            <!--<li id="matrix-35"></li>-->
                            <!--<li id="matrix-36"></li>-->
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-md-1"></div>
        </div>

    </div>
</div>
<nav class="navbar navbar-default navbar-fixed-bottom">
    <section class="color-10">
        <div class="container">
            <nav class="cl-effect-10">
                <a href="#" data-hover="马上预约"><span>马上预约</span></a>
                <p class="navbar-text navbar-right" style="margin-top: 0px;"><a href="#" data-hover="立即咨询"><span>立即咨询</span></a></p>
            </nav>
        </div>
    </section>
</nav>
<script src="../skin/pub/js/jquery-1.11.3.min.js"></script>
<script src="../skin/pub/js/highcharts.js"></script>
<script src="../skin/pub/js/highcharts-more.js"></script>
<script src="../skin/js/examreport.js"></script>
<script src="../skin/pub/layer/layer.js"></script>
<script>
    //写cookies
    function setCookie(c_name, value, expiredays){
        var exdate=new Date();
        exdate.setDate(exdate.getDate() + expiredays);
        document.cookie=c_name+ "=" + escape(value) + ((expiredays==null) ? "" : ";expires="+exdate.toGMTString());
    }

    //读取cookies
    function getCookie(name)
    {
        var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");

        if(arr=document.cookie.match(reg))

            return (arr[2]);
        else
            return null;
    }

    //删除cookies
    function delCookie(name)
    {
        var exp = new Date();
        exp.setTime(exp.getTime() - 1);
        var cval=getCookie(name);
        if(cval!=null)
            document.cookie= name + "="+cval+";expires="+exp.toGMTString();
    }

</script>

</body>
</html>